import React from 'react';
import { Card, Steps, Button } from 'antd';
import PageHeaderWrapper from '@/components/PageHeaderWrapper';
import Result from '@/components/Result';
import router from 'umi/router';
import styles from '@/utils/utils.less';

const { Step } = Steps;

class SelectSteps extends React.Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  componentDidMount() {}

  render() {
    return (
      <PageHeaderWrapper>
        <Card>
          <Steps current={2} style={{ marginBottom: 70 }}>
            <Step title="选择调整项" />
            <Step title="填写修改信息" />
            <Step title="完成" />
          </Steps>
          <Result type="success" title="操作成功" className={styles.result} />
          <div style={{ marginTop: '50px', marginBottom: '30px', textAlign: 'center' }}>
            <Button
              style={{ marginRight: '30px' }}
              size="large"
              onClick={() => router.push('/customservicemanage/adjusttask/adjust')}
            >
              继续操作
            </Button>
            <Button
              type="primary"
              size="large"
              onClick={() => router.push('/customservicemanage/adjusttask/index')}
            >
              完成
            </Button>
          </div>
        </Card>
      </PageHeaderWrapper>
    );
  }
}
export default SelectSteps;
